<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<meta name="applicable-device" content="mobile">
		<meta name="author" content="jsl" />
		<title>支付成功</title>
		<link rel="apple-touch-icon" href="../img/logo100.png">
		<link rel="icon" href="../img/logo100.png">
		<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/productDetails.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/gap.css?rev=@@hash" />
		<!-- 引入自己的css -->
		<link rel="stylesheet" type="text/css" href="../css/FPtPaySuccess.css?rev=@@hash" />
	</head>

	<body>
		<!--加载动画-->
		<div class="hui"></div>
		<div class="bai"></div>
		<div class="hintInfo"></div>
		<div class="loadImgBox">
			<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
		</div>
		<div id="app" v-cloak>
			<div class="PtPaySuccess">
				<!--支付成功详情页-->
				<div class="payDetails">
					<!--拼单剩余时间-->
					<template v-if="grouponStatus == 0">
						<div id="PtTime">
							<div class="endTime">
								剩余
								<div class="countDown">
									<span v-model="hr" v-text="hr"></span><i>:</i><span v-model="min" v-text="min"></span><i>:</i><span v-model="sec" v-text="sec"></span>
								</div>
								结束
							</div>
							<div class="PtTitle">
								还差<span v-text="PDinfo.limitActorNum - PDinfo.realActorNum"></span>人成团，快去邀请好友来参团吧
							</div>
						</div>
					</template>
					<!--拼单成功提示-->
					<template v-else-if="grouponStatus == 1">
						<div class="PtSuccess" id="isPtSuccess">
							<span>恭喜，拼团成功</span>
						</div>
					</template>
					<!--拼单失败提示-->
					<template v-else-if="grouponStatus == 2">
						<div class="Ptfail">
							<span>拼团失败</span>
						</div>
					</template>
					<div class="PtHeader">
						<van-list>
							<div class="headerImg_list">
								<div class="headerImg">
									<img :src="PDinfo.starterHeadImageUrl" v-model="PDinfo.starterHeadImageUrl" />
									<span>团长</span>
								</div>
								<div class="headerImg" v-for="item in actorUserInfo">
									<img :src="item.headImageUrl" />
								</div>
								<div class="headerImg notImg" v-for="item in notHeader">
									<img src="../img/PtPaySuccess/PtHead@3x.png" />
								</div>
							</div>
							<!--查看更多-->
							<div v-show="more" class="moreBox" @click="lookmore">
								<img src="../img/PtPaySuccess/look_more.png" />
							</div>
							<!--收起-->
							<div v-show="more" class="takeBox" @click="TakeUp">
								<img src="../img/PtPaySuccess/pack_up.png" />
							</div>
						</van-list>
					</div>
					<div class="PtButton">
						<van-button text="邀请好友来参团" type="default" @click="sharePopup" v-if="grouponStatus == 0"></van-button>
						<van-button text="前往app跟踪物流信息" type="default" v-else-if="grouponStatus == 1" @click="downAppFun"></van-button>
						<van-button text="更多超值拼团" type="default" @click="sharePopup" v-else-if="grouponStatus == 2"></van-button>
						<p @click="jumpPtOrderDetails">订单详情<img src="../img/PtPaySuccess/right_jt.png"></p>
					</div>
				</div>
				<div class="product-details-info product-details-oriented" @click="toCoupon">
					<span><i class="iconfont">&#xe610;</i><u>正品保证</u></span>
					<span><i class="iconfont">&#xe610;</i><u>拼团包邮</u></span>
					<span><i class="iconfont">&#xe610;</i><u>7天无理由退货</u></span>
				</div>
				<!--正在火热拼-->
				<div class="PtHotList">
					<div class="hotTitle">
						<div class="rule_icon">
							<span>正在火热拼</span>
						</div>
					</div>
					<van-list @load="onLoad" v-model="loading" :finished="finished">
						<div class="hotProduct" v-for="item in GroupList" @click="jumpPtProductDetails(item.virtualGoodsCode,item.activityId)">
							<div class="hotProduct_img">
								<img :src="item.img" />
								<!--热卖图标-->
								<img src="../img/PtIndex/Hot@3x.png" class="PtHot" v-show="item.isHot==1">
							</div>
							<div class="ProductDetails">
								<div>
									<h2 v-text="item.productName"></h2>
									<p v-text="item.productDesc"></p>
								</div>
								<div class="PtPrice">
									<span>￥<i v-text="item.activityPrice"></i></span>
									<span>￥<i v-text="item.oldPrice"></i></span>
								</div>
								<div>已有<span v-text="item.showActorNum"></span>人参与</div>
							</div>
						</div>
					</van-list>
				</div>
				<!--底部弹框 分享成功 -->
				<div class="shareSuccess">
					<a class="popupClose" @click="popup_success"><img src="../img/PtPaySuccess/close@3x.png"></a>
					<div>
						<img src="../img/PtPaySuccess/share_icon.png">
						<h2>分享成功</h2>
						<p>多一次分享，更能提高拼团成功率</p>
					</div>
					<div>
						<a @click="ReturnIndex">返回拼团页</a>
						<a @click="popup_success">继续分享</a>
					</div>
				</div>
				<!--蒙版-->
				<div class="Mask"></div>
				<!--底部弹框 面对面扫码 -->
				<van-popup v-model="bottowPopup.faceShow" class="facePopup">
					<a class="popupClose" @click="popup_face"><img src="../img/PtPaySuccess/close@3x.png"></a>
					<p>面对面扫码</p>
					<img :src="href" class="ewm_img">
					<div @click="popup_face">继续分享</div>
				</van-popup>
			</div>
			<!--底部弹框 保障说明 -->
			<van-popup v-model="bottowPopup.show" position="bottom" class="safeguardExplain">
				<img src="../img/product/safeguardExplain3x.png">
				<div class="safeguardExplain-close" @click="toCoupon">关闭</div>
			</van-popup>
			<!--分享引导图-->
			<div class="guide" v-show="bottowPopup.shareShow">
				<img src="../img/PtPaySuccess/guide@3x.png" />
			</div>
			<!--底部弹框 分享方式 -->
			<van-popup v-model="bottowPopup.shareShow" position="bottom" class="safeguardExplain popup_height">
				<div>
					<div id="PtTime" class="popupTime">
						<div class="endTime">
							剩余
							<div class="countDown">
								<span v-model="hr" v-text="hr"></span><i>:</i><span v-model="min" v-text="min"></span><i>:</i><span v-model="sec" v-text="sec"></span>
							</div>
							结束
						</div>
						<div class="PtTitle">
							还差<span v-text="PDinfo.limitActorNum - PDinfo.realActorNum"></span>人成团，快去邀请好友来参团吧
						</div>
					</div>
					<van-row>
						<van-col span="8">
							<img src="../img/PtPaySuccess/weixin@3x.png">
							<p>微信</p>
						</van-col>
						<van-col span="8">
							<img src="../img/PtPaySuccess/pengyouquan@3x.png">
							<p>朋友圈</p>
						</van-col>
						<van-col span="8">
							<img src="../img/PtPaySuccess/facee_ewm@3x.png" @click="popup_face_show">
							<p>当面扫码</p>
						</van-col>
					</van-row>
					<div @click="popup_close" class="popup_close">取消</div>
				</div>
			</van-popup>
		</div>

	</body>
	<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vue-lazyload.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../js/share.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
	<!-- 引入自己的js -->
	<script src="../js/FPtPaySuccess.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>

</html>